<template>
  <view>
    <view class="import" >
      <view class="importbox">
        <u--input
          placeholder="发个弹幕来助力..."
          border="surround"
          shape="circle"
          :customStyle="{ backgroundColor: '#f4f5f9' }"
          clearable
         v-model="value"
          @blur="losefocus" 
        ></u--input>
         <!-- focus='true' -->
      </view>
      <view class="send" >
          <image src="/static/send.png" alt="">
      </view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      value: "",
    };
  },
  methods: {
    losefocus(e) {

    },
  },
};
</script>


<style lang="scss" scoped>
page {
  background-color: #4c4c4c;
}

.import {
  position: fixed;
  bottom: 0rpx;
  width: 750rpx;
  height: 98rpx;
  background-color: #ffffff;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  .importbox {
    width: 600rpx;
    height: 70rpx;
  }
  .send {
    width: 70rpx;
    height: 70rpx;
    image {
      width: 100%;
      height: 100%;
    }
  }
}
.alter {
  margin-top: 724rpx;
}
</style>>

